<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>首页</title>
</head>
<link rel="stylesheet" href="../icon/font_hrkvng34vtn/iconfont.css">
<link rel="stylesheet" href="../CSS/homePage.css">

<body>

    <header class="header">
      <nav class="nav">
        <ul>
          <a href="#" id="title">IT云坛</a>
          <a href="#" id="home">
            <li>首页</li>
          </a>
          <a href="#">
            <li>热点</li>
          </a>
          <a href="#">
            <li>课程</li>
          </a>
          <a href="#">
            <li>直播</li>
          </a>
          <a href="#">
            <li>活动</li>
          </a>
          <a href="#">
            <li>竞赛</li>
          </a>
          <a href="#">
            <li>商城</li>
          </a>
          <a href="#">
            <li>APP</li>
          </a>
          <a href="#">
            <li>插件</li>
          </a>

          <a href="#">
            <i></i>
            <li>会员</li>
          </a>
          <a href="./login.html" id="login">
            <li id="loginho">登录</li>
          </a>
          <a href="./register.html" id="register">
            <li id="registerho">注册</li>
          </a>

        </ul>
        <div class="select">
          <form action=""">
        <input type=" text" class="selectInput" required>
            <input type="submit" name="submit" value="搜索" class="submit">
          </form>
        </div>
      </nav>

    </header>

    <aside class="aside">
      <ul class="rankingleft">
        <div class="rank">
          <li>关注</li>
        </div>
        <div class="rank">
          <li>综合</li>
        </div>
        <div class="rank">
          <li>后端</li>
        </div>
        <div class="rank">
          <li>前端</li>
        </div>
        <div class="rank">
          <li>Android</li>
        </div>
        <div class="rank">
          <li>iOS</li>
        </div>
        <div class="rank">
          <li>人工智能</li>
        </div>
        <div class="rank">
          <li>开发工具</li>
        </div>
        <div class="rank">
          <li>代码人生</li>
        </div>
        <div class="rank">
          <li>阅读</li>
        </div>

      </ul>
    </aside>

    <section class="section">
      <!-- <div class="topcontent1">
      <span>最热:</span>
      <span>最新:</span>
    </div> -->

      <div class="content1">
        <div class="text ">
          <a href="#" target="_blank">
            <h1>白嫖gpt4.0</h1>
            <p>大家好，我是柒八九。一个专注于前端开发技术/Rust及A应用知识分享的Codr。前言为了兑现给大家的承诺在.…</p>
          </a>
          <a href="#" title="访问主页" class="name">前端小魔女</a>
        </div>

        <div class="text rightimg">
          <a href="#" target="_blank">
            <h1>技术资讯：VSCode:大更新，这两个功能终于有了</h1>
            <p>欢迎使用2023年11月发布的Visual Studio Code。此版本中有许多更新，我们希望您会喜…</p>
          </a>
          <a href="#" title="访问主页" class="name">程序员大测</a>
          <div class="textimg1">
            <img src="../img/content01.avis" alt="">
          </div>
        </div>

        <div class="text rightimg">
          <a href="#" target="_blank">
            <h1>裸辞的670天，30岁的前端真的很难再找工作。</h1>
            <p>自2022年3月1日棵辞开始自由职业起，至今已经快700天了。而2023年给了我更大的惊喜…</p>
          </a>
          <a href="#" title="访问主页" class="name">大帅老袁</a>
          <div class="textimg1">
            <img src="../img/content03.avis" alt="">
          </div>
        </div>
        <div class="text rightimg">
          <a href="#" target="_blank">
            <h1>面试官：线上崩了，说说你是怎么排查线上问题的？</h1>
            <p>Hⅱ你好，我是东东拿铁，一个正在探索个人P&副业的后端程序员。工作多年还不会排查线…</p>
          </a>
          <a href="#" title="访问主页" class="name">东东拿铁</a>
          <div class="textimg1">
            <img src="../img/content02.avis" alt="">
          </div>
        </div>
        <div class="text rightimg">
          <a href="#" target="_blank">
            <h1>技术资讯：VSCode:大更新，这两个功能终于有了</h1>
            <p>欢迎使用2023年11月发布的Visual Studio Code。此版本中有许多更新，我们希望您会喜…</p>
          </a>
          <a href="#" title="访问主页" class="name">程序员大测</a>
          <div class="textimg1">
            <img src="../img/content01.avis" alt="">
          </div>
        </div>

      </div>
      <div class="content2">
        <ul>
          <li class="item">

            <i class="icon topBoard"></i>
            <div class="topBoardCon">头条热榜</div>

          </li>

          <li class="item">
            <a href="#" target="_blank">
              <i class="icon iconfont icon-zhiding"></i>
              <div class="rankcontent">一次不够，就再试一次：用Re.…</div>
              <i class="icon"></i>
            </a>
          </li>

          <li class="item">
            <a href="#" target="_blank">
              <span class="ranking numRank1">1</span>
              <div class="rankcontent">我用Navicat这些技能少加了.…</div>
              <i class="icon new"></i>
            </a>
          </li>

          <li class="item">
            <a href="#" target="_blank">
              <span class="ranking numRank2">2</span>
              <div class="rankcontent">退税是如何计算的？看这篇文…</div>
              <i class="icon new"></i>
            </a>
          </li>

          <li class="item">
            <a href="#" target="_blank">
              <span class="ranking numRank3">3</span>
              <div class="rankcontent">不是苹果放弃电动车，是电动…</div>
              <i class="icon new"></i>
            </a>
          </li>

          <li class="item">
            <a href="#" target="_blank">
              <span class="ranking ">4</span>
              <div class="rankcontent">Flutter APP上架挑战：应对各..</div>
              <i class="icon new"></i>
            </a>
          </li>
          <li class="item">
            <a href="#" target="_blank">
              <span class="ranking ">5</span>
              <div class="rankcontent">前端之虎陈随易-2024年1-2......</div>
              <i class="icon new"></i>
            </a>
          </li>
          <li class="item">
            <a href="#" target="_blank">
              <span class="ranking ">6</span>
              <div class="rankcontent">百度一面：细节不容忽视，直…</div>
              <i class="icon new"></i>
            </a>
          </li>
          <li class="item">
            <a href="#" target="_blank">
              <span class="ranking ">7</span>
              <div class="rankcontent">前端需要加载一个大体积的文…</div>
              <i class="icon new"></i>
            </a>


        </ul>
      </div>
    </section>

    <footer class="footer">
      <p>&copy; LGM&nbsp;的&nbsp;论&nbsp;坛.</p>
    </footer>

    <div class="control">
      <button type="submit">反馈</button>
    </div>
</body>


</html>